Redigera stilmall (blogg.se)
Hej! Skulle någon kunna hjälpa mig. Jag har fixat och donat på min nya blogg och till en början såg allt bra ut och precis som jag ville ha det, men nu ser jag att om jag går in på själva inlägget så faller bilden på boxern bort och jag får dit en "om mig" till höger som jag inte vill ha där. Hur gör jag för att hela headern ska synas?
boxern syns utmärkt på min dator :D
Medarbetare: Sällskapskaniner, Support.
![[Vargöga]](/images/avatar-dead.svg){kind=avatar}
Minska ner på content
Du måste sätta float: left; på content och side.
Hoppas att det fungerar. 
Tack för hjälpen! Ska fixa det så fort jag får lite tid över :)
Provade nu men tröga jag fattade inte så mycket här är kodmallen, skulle någon vilja visa vart i den jag ska ändra?
</html
Du ska ändra i din stilmall, inte i kodmallen.
Leta upp div#content och div#side. Under dessa lägger du till: float: left; (se till att det hamnar mellan måsvingarna och att du får med semikolonet!).
Känner mig urdum, men jag hittar ändå inte?
body {
background: #ead9cd url(http://static.blogg.se/themes/dusty-rose/img/backrrl.jpg) no-repeat left top;
background-attachment: fixed;
background-attachment: fixed horisontal;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {
color: #672b4a;
text-decoration:none;
}
a:hover {
color: #672b4a;
text-decoration:none;
background: #fbece2;
}
#wrapper {
text-align: left;
width: 950px;
position:relative;
margin:10px auto;
padding: 0px 0px 0px;
vertical-align: top;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#side {
margin-right:0;
margin-top: 150px;
padding: 0px 0px 0px;
float: right;
width: 259px;
}
#sidetop {
width: 259px;
height: 31px;
background: url(http://static.blogg.se/themes/dusty-rose/img/sidetop_174342857.png) no-repeat left top;
}
#sidebox {
padding: 0px 20px 0px 25px;
background: url(http://static.blogg.se/themes/dusty-rose/img/side_174342881.png);
width: 213px;
}
#sidefoot {
width: 259px;
height: 31px;
background: url(http://static.blogg.se/themes/dusty-rose/img/sidefoot_174342871.png) no-repeat left top;
}
#frame {
overflow: hidden;
width: 670px;
float: right;
background:;
padding: 0px 2px 0px;
text-align: left;
margin: 0px;
}
#header {
background: url(http://ehh.blogg.se/images/2012/headertext_183285179.jpg) no-repeat left top;
margin: 0px 0px 30px;
padding: 0px 0px 0px 0px;
height: 400px;
width: 800px;
text-align: left;;
}
#contenttop {
overflow: hidden;
width: 668px;
height: 90px;
background: url(http://static.blogg.se/themes/dusty-rose/img/header-top_174339391.png) no-repeat left top;
padding: 0px 34px 0px;
text-align: left;
vertical-align: top;
border-top: 0px none;
margin: 0px;
}
#content {
overflow: hidden;
width: 600px;
background: url(http://static.blogg.se/themes/dusty-rose/img/wrap_174339724.png);
padding: 0px 34px 0px;
text-align: left;
vertical-align: top;
margin: 0px;
}
#footer {
overflow: hidden;
width: 668px;
height: 90px;
background: url(http://static.blogg.se/themes/dusty-rose/img/foot_174339830.png) no-repeat left top;
padding: 0px 0px 0px;
text-align: left;
vertical-align: top;
border-top: 0px none;
margin: 0px;
}
#subside {
padding: 0px 20px 0px 20px;
font-family: Aparajita;
font-size: 18px;
}
#subside a { color: #672b4a; font-size: 25px; font-weight: normal; font-family: Aparajita; text-decoration: none; backgrund: #ead9cd;}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
font-family: Aparajita, verdana, sans-serif;
font-size: 30px;
font-weight: normal;
color: #672b4a;
background: url(http://static.blogg.se/themes/dusty-rose/img/h3_174342334.jpg) no-repeat left top;
margin: 0px 0px 0px;
vertical-align: top;
}
.navheader {
font-family: Aparajita, verdana, sans-serif;
font-size: 18px;
font-weight: normal;
background: #faece3;
color: #0672b4a;
margin-bottom: 2px;
}
.nav {
font-family: verdana, arial, sans-serif;
font-size: 9px;
}
.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav a { color: #000000;text-decoration:none;}
.nav a:hover { color: #000000;text-decoration:none; background: #fbece2;}
/** Post's body text **/
.entrybody {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:10px 0px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px;
margin: 0px 0px 10px;
text-align:left;
}
.entrymetafoot {
font-family: verdana, arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #666;
padding:0px;
margin: 10px 0px 50px;
text-align:right;
}
.entrymeta a {color: #672b4a;text-decoration:none; font-weight: normal;}
.entrymeta a:hover { color: #672b4a;text-decoration:none; background: #fbece2;}
.commentheader {
font-family: Aparajita, verdana, sans-serif;
font-size: 18px;
margin: 30px 20px 0px;
font-weight: normal;
color: #0672b4a;
margin-bottom: 2px;
}
.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px;
margin: 0px 20px 10px;
text-align:left;
}
.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px;
margin: 0px 20px 10px;
text-align:left;
}
.commentmeta a {color: #672b4a;text-decoration:none;}
.commentmeta a:hover { color: #672b4a;text-decoration:none; background: #fbece2;}
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0px 0px 20px 0px;
padding:20px;
}
.separator {
display: none;
}
.default {
display: none;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.thumbnail {
margin: 0px;
}
.video{
padding: 0px 0px 30px 30px;
}
.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 0px 0px
}
select{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}
form {
margin: 0px 0px 0px;
padding-left: 10px;
}
em {
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}
#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFF;
margin-bottom: 10px;
}
#profile h4{
font-family: arial, verdana, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#profile p a{
color: #FFF;
}
#profile p a:hover{
color: #333;
}
Kodmallen finns i 4 delar - framsida, arkiv, kategori och inläggssida. Du har tagit bort boxen "om mig" i kodmallen på framsidan, jättebra! Gör det du gjorde i de andra 3 kodmallarna också så får du bort den där rutan där också :) Sen får du se hur det ser ut, måste du fixa något sen är det i stilmallen man fixar.
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
body {
background: #ead9cd url(http://static.blogg.se/themes/dusty-rose/img/backrrl.jpg) no-repeat left top;
background-attachment: fixed;
background-attachment: fixed horisontal;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {
color: #672b4a;
text-decoration:none;
}
a:hover {
color: #672b4a;
text-decoration:none;
background: #fbece2;
}
#wrapper {
text-align: left;
width: 950px;
position:relative;
margin:10px auto;
padding: 0px 0px 0px;
vertical-align: top;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#side {
margin-right:0;
padding: 0px 0px 0px;
float: left;
width: 259px;
}
#sidetop {
width: 259px;
height: 31px;
background: url(http://static.blogg.se/themes/dusty-rose/img/sidetop_174342857.png) no-repeat left top;
}
#sidebox {
padding: 0px 20px 0px 25px;
background: url(http://static.blogg.se/themes/dusty-rose/img/side_174342881.png);
width: 213px;
}
#sidefoot {
width: 259px;
height: 31px;
background: url(http://static.blogg.se/themes/dusty-rose/img/sidefoot_174342871.png) no-repeat left top;
}
#frame {
overflow: hidden;
width: 670px;
float: right;
background:;
padding: 0px 2px 0px;
text-align: left;
margin: 0px;
}
#header {
background: url(http://ehh.blogg.se/images/2012/headertext_183285179.jpg) no-repeat left top;
margin: 0px 0px 30px;
padding: 0px 0px 0px 0px;
height: 400px;
width: 800px;
text-align: left;;
}
#contenttop {
overflow: hidden;
width: 668px;
height: 90px;
background: url(http://static.blogg.se/themes/dusty-rose/img/header-top_174339391.png) no-repeat left top;
padding: 0px 34px 0px;
text-align: left;
vertical-align: top;
border-top: 0px none;
margin: 0px;
}
#content {
overflow: hidden;
width: 600px;
background: url(http://static.blogg.se/themes/dusty-rose/img/wrap_174339724.png);
padding: 0px 34px 0px;
text-align: left;
vertical-align: top;
margin: 0px;
float: left;
}
#footer {
overflow: hidden;
width: 668px;
height: 90px;
background: url(http://static.blogg.se/themes/dusty-rose/img/foot_174339830.png) no-repeat left top;
padding: 0px 0px 0px;
text-align: left;
vertical-align: top;
border-top: 0px none;
margin: 0px;
}
#subside {
padding: 0px 20px 0px 20px;
font-family: Aparajita;
font-size: 18px;
}
#subside a { color: #672b4a; font-size: 25px; font-weight: normal; font-family: Aparajita; text-decoration: none; backgrund: #ead9cd;}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
font-family: Aparajita, verdana, sans-serif;
font-size: 30px;
font-weight: normal;
color: #672b4a;
background: url(http://static.blogg.se/themes/dusty-rose/img/h3_174342334.jpg) no-repeat left top;
margin: 0px 0px 0px;
vertical-align: top;
}
.navheader {
font-family: Aparajita, verdana, sans-serif;
font-size: 18px;
font-weight: normal;
background: #faece3;
color: #0672b4a;
margin-bottom: 2px;
}
.nav {
font-family: verdana, arial, sans-serif;
font-size: 9px;
}
.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav a { color: #000000;text-decoration:none;}
.nav a:hover { color: #000000;text-decoration:none; background: #fbece2;}
/** Post's body text **/
.entrybody {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:10px 0px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px;
margin: 0px 0px 10px;
text-align:left;
}
.entrymetafoot {
font-family: verdana, arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #666;
padding:0px;
margin: 10px 0px 50px;
text-align:right;
}
.entrymeta a {color: #672b4a;text-decoration:none; font-weight: normal;}
.entrymeta a:hover { color: #672b4a;text-decoration:none; background: #fbece2;}
.commentheader {
font-family: Aparajita, verdana, sans-serif;
font-size: 18px;
margin: 30px 20px 0px;
font-weight: normal;
color: #0672b4a;
margin-bottom: 2px;
}
.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px;
margin: 0px 20px 10px;
text-align:left;
}
.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px;
margin: 0px 20px 10px;
text-align:left;
}
.commentmeta a {color: #672b4a;text-decoration:none;}
.commentmeta a:hover { color: #672b4a;text-decoration:none; background: #fbece2;}
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0px 0px 20px 0px;
padding:20px;
}
.separator {
display: none;
}
.default {
display: none;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.thumbnail {
margin: 0px;
}
.video{
padding: 0px 0px 30px 30px;
}
.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 0px 0px
}
select{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}
form {
margin: 0px 0px 0px;
padding-left: 10px;
}
em {
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}
#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFF;
margin-bottom: 10px;
}
#profile h4{
font-family: arial, verdana, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#profile p a{
color: #FFF;
}
#profile p a:hover{
color: #333;
}
Klistra in detta nu så ska det funka!
Nu ser jag att sidomenyn hoppat ner också :) Missade det först!
#10: Visst borde det läggas på en bakgrund på side också?
background: #FFFFFF;
eller kanske background: #faece3; så är det samma som navheaders bakgrund.. Beror väl på vad man föredrar kanske :)
.: Dance like there is no tomorrow :.
[Lyssna på någon av mina låtar -
”Jag är en liten bajskorv” på Spotify]
#11 Det är nog en smaksak, tror inte att det är meningen att det ska vara vit bakgrund i sidomenyn ursprungligen. Men stoppar man en vit bakgrund på sidomenyn känns det ju som att den hör ihop mer med content, så jag förstår hur du tänker.
Starta ny diskussion